<template>
  <Circle :percent="percent" dashboard>
    <span class="text-3xl">{{ percent }}%</span>
  </Circle>
</template>

<script setup>
import { onMounted, ref } from 'vue'

const percent = ref(0)

onMounted(() => {
  percent.value = 20
})
</script>

<style lang="less" scoped></style>
